<script type="text/javascript">
$(document).ready(function() {
	$('input:checkbox').each(function () {
		this.checked = false;
	});
    
    $('#isOpenID').click(function() {
    	$('#lipassword').toggle();        
        $('#password').val('');

        if (this.checked) {
        	$('#loginForm').attr('action','/auth/loginopenid');
        } else {
            $('#loginForm').attr('action','/auth/login');
        }
    });

    $('.removeon').attr('onkeyup','');
    $('.removeon').attr('onfocus','');
});
</script>

<style type="text/css">
.element-group {
    clear:both;
    float:left;
    height:auto;
    padding:0px;
    width:auto;
}
</style>

    <!-- Panel -->
        <div id="toppanel">
            <div id="panel">
                <div class="content clearfix">
                    <div class="left">
                        <h1><?= $this->translate('wellcometo') ?> FireFeed</h1>
                        <h2><?= $this->translate('access') ?></h2>       
                        <p class="grey"><?= $this->translate('supportOpenID') ?></p>
                        <h2><img alt="OpenID" src="/img/TS_openid.png" width="80" height="24"></h2>
                        <p class="grey"><?= $this->translate('infoOpenID') ?> <a href="http://openid.net/" title="OpenID.net"><?= $this->translate('aOpenID') ?> &raquo;</a></p>
                    </div>
                    <div class="left">
                        <!-- Login Form -->
                        <h1><?= $this->translate('membermsg') ?></h1>
                        <?= $this->formLogin ?>
                    </div>
                    <div class="left right">            
                        <!-- Register Form -->
                        <h1><?= $this->translate('registermsg') ?></h1>
                        <p><?= $this->translate('registerFireFeed') ?></p>
                        <a href="/registration"><?= $this->translate('reg') ?> &raquo;</a>
                    </div>
                </div>
            </div> <!-- /login -->  

            <!-- The tab on top --> 
            <div class="tab">
                <ul class="login">
                    <li class="left">&nbsp;</li>
                    <li><?= $this->translate('hello') ?></li>
                    <li class="sep">|</li>
                    <li id="toggle">
                        <a id="open" class="open" href="#"><?= $this->translate('loginregister') ?></a>
                        <a id="close" style="display: none;" class="close" href="#"><?= $this->translate('closepanel') ?></a>         
                    </li>
                    <li class="right">&nbsp;</li>
                </ul> 
            </div> <!-- / top -->
        </div> <!--panel -->